<a href="{{ data.url }}" class="card">
  <div class="card__header repel">
    <p class="color-mid-text">{{ data.header.text }}</p> 
    <div class="counter" data-layout="flush">
      <span class="counter__content">{{ data.header.counter.count }}</span>
      {% include data.header.counter.icon %}
    </div>
  </div>
  <img src="{{ data.img.src }}" alt="{{ data.img.alt }}" />
  <div class="card__content flow">
    <h3 class="card__heading text-size-3">{{ data.title }}</h3>
    <p>{{ data.summary }}</p>
  </div>
</a>

